<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<%@include file="../../WEB-INF/jspf/admin.jspf" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="../../jq/redmond/jquery-ui-1.10.3.custom.min.css" type="text/css" rel="stylesheet"/>
        <link href="../../css/main.css" type="text/css" rel="stylesheet"/>
        <link href="../../jq/menu/menu.css" type="text/css" rel="stylesheet"/>
        <link href="../../jq/menu/submenu.css" type="text/css" rel="stylesheet"/>

        <link href="../../parainfo/form/form.css" type="text/css" rel="stylesheet"/>
        <link href="../../parainfo/table/table.css" type="text/css" rel="stylesheet"/>

        <script src="../../jq/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script src="../../jq/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
        <script src="../../jq/i18n/jquery.ui.datepicker-es.min.js" type="text/javascript"></script>
        <script src="../../jq/menu/menu.js" type="text/javascript"></script>
        <script src="../../jq/menu/submenu.js" type="text/javascript"></script>

        <script src="../../parainfo/form/form.js" type="text/javascript"></script>
        <script src="../../parainfo/table/table.js" type="text/javascript"></script>
        <script src="js/asistencia_ind.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="ctop">
            <%@include file="../../WEB-INF/jspf/top.jspf" %>
        </div>

        <div id="m_menu">
            <%@include file="../../WEB-INF/jspf/menu.jspf" %>
        </div>

        <div id="cmenu2">
            <%@include file="../../WEB-INF/jspf/submenu.jspf" %>
        </div>

        <div id="cdata">
            <h2 style="text-align: center;margin-bottom: 20px">Registrar Asistencia / Marcaciones</h2>
            
            <form class="parainfo" action="#" style="margin: auto;display: table">
                <fieldset>
                    <legend>Nueva Marcación</legend>

                    <table style="margin: auto">
                        <tr>
                            <th style="text-align: center;padding: 10px 40px">
                                <input type="button" onclick="jsAsistencia();" 
                                       value="Ver Diálogo para Marcar Asistencia"/>
                            </th>
                        </tr>
                    </table>
                </fieldset>
            </form>

            <%-- marcar asistencia --%>
            <div style="display: none">
                <div id="dasi" title="Marcar Asistencia">
                    <table>
                        <tr>
                            <td>Fecha</td>
                            <td>
                                <input type="text" id="fecha_asi" readonly="readonly" 
                                       style="width: 100px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>Hora</td>
                            <td>
                                <input type="text" id="hora_asi" readonly="readonly" 
                                       style="width: 100px"/>
                            </td>
                        </tr>
                    </table>

                    <p id="error_asi" style="color: red"></p>
                </div>
            </div>

            <%-- para mensajes  --%>
            <div style="display: none">
                <div id="dmsg" title="Mensaje">
                    <p id="msg" style="text-align: center;color: #800;margin: 20px"></p>
                </div>
            </div>
        </div>
    </body>
</html>

